﻿
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>HTML5_Web钢琴</title>
<script src="js/main.js"></script>
<script src="js/saveSound.js"></script>
<link href="css/main.css" type="text/css" rel="stylesheet">
</head>
<body>
<div id="all">

<canvas width="600" height="200" id="myCanvas"  style="border: 1px solid #999;">您的浏览器不支持canvas标签。</canvas>
    <div id="main">
        <div id="key60" class="key whiteKey">A</div>
        <div id="key62" class="key whiteKey">S</div>
        <div id="key64" class="key whiteKey">D</div>
        <div id="key65" class="key whiteKey">F</div>
        <div id="key67" class="key whiteKey">G</div>
        <div id="key69" class="key whiteKey">H</div>
        <div id="key71" class="key whiteKey">J</div>
        <div id="key72" class="key whiteKey">K</div>
        <div id="key61" class="key blackKey">W</div>
        <div id="key63" class="key blackKey">E</div>
        <div id="key66" class="key blackKey">T</div>
        <div id="key68" class="key blackKey">Y</div>
        <div id="key70" class="key blackKey">U</div>
    </div>

<div class="btn_group">
	<div class="btn" onclick="playStart()" id="startBtn">开始播放</div>
	<div class="btn" onclick="initSave()" >重新录制</div>
</div>
</div>
</body>
</html>